@import './base.less';
@primary:#1baeae;
@orange: #FF6B01; 
@bc: #F7F7F7;
@fc:#fff;

.bis(@url){
    background-image: url(@url);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.borderRadius(@radius){
    border-radius: @radius;
    -webkit-border-radius: @radius;
  -moz-border-radius: @radius;
  -ms-border-radius: @radius;
  -o-border-radius: @radius;
}

// //1px底部边框
.border-1px(@color){
    position: relative;
    &:after{
      display: block;
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      border-top: 1px solid @color;
      content: '';
    }
  }
  // //定位全屏
  .allcover{
    position:absolute;
    top:0;
    right:0;
  }
  
  // //定位上下左右居中
  .center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  
  // //定位上下居中
  .ct {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  
  // //定位左右居中
  .cl {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
  
  // //宽高
  .wh(@width, @height){
    width: @width;
    height: @height;
  }
  
  // //字体大小，颜色
  .sc(@size, @color){
    font-size: @size;
    color: @color;
  }
  
  .boxSizing {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  
  // //flex 布局和 子元素 对其方式
  .fj(@type: space-between){
    display: flex;
    justify-content: @type;
  }
  